<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>病例分组结果查询</title>
    <%pageContext.setAttribute("contextPath", request.getContextPath());%>
    <script type = "text/javascript">
        var contextPath = '${pageContext.request.contextPath}';
    </script>
    <link rel="stylesheet" href="${contextPath}/lib/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="${contextPath}/lib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${contextPath}/lib/font-awesome/css/font-awesome.old.min.css">
    <link rel="stylesheet" href="${contextPath}/css/main.css"/>
    <link rel="stylesheet" href="${contextPath}/css/security.css"/>
    <link rel="stylesheet" href="${contextPath}/lib/validateForm/css/style.css"/>
    <link rel="stylesheet" href="${contextPath}/css/gqc.css"/>
    <link rel="stylesheet" href="${contextPath}/lib/multiselect/css/bootstrap-multiselect.css"/>
    <link rel="stylesheet" href="${contextPath}/lib/iCheck/skins/all.css">

    <!-- dataTable -->
    <link rel="stylesheet" href="${contextPath}/lib/DataTables-1.10.12/css/jquery.dataTables.min.css">
    <%-- <link rel="stylesheet" href="${contextPath}/lib/DataTables-1.10.12/css/dataTables.bootstrap.min.css"> --%>
    <link rel="stylesheet" href="${contextPath}/lib/DataTables-1.10.12/buttons/css/buttons.dataTables.css">
    <!-- 搜索下拉框 -->
    <link rel="stylesheet" href="${contextPath}/lib/jQuery-searchableSelect/jquery.searchableSelect.css">
    <!-- tiptitle -->
    <link rel="stylesheet" href="${contextPath}/lib/jQueryTip/just-tip.css"/>
    <!-- 锁定列 -->
    <link rel="stylesheet" href="${contextPath}/lib/DataTables-1.10.12/css/fixedColumns.dataTables.min.css"/>

    <script src="${contextPath}/lib/jquery-1.8.3.min.js"></script>
    <script src="${contextPath}/lib/bootstrap/js/bootstrap.min.js"></script>

    <!-- DataTables -->
    <script type="text/javascript" src="${contextPath}/lib/DataTables-1.10.12/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="${contextPath}/lib/DataTables-1.10.12/js/dataTables.bootstrap.min.js"></script>
    <script type="text/javascript" src="${contextPath}/lib/DataTables-1.10.12/buttons/js/dataTables.buttons.js"></script>
    <script type="text/javascript" src="${contextPath}/lib/DataTables-1.10.12/buttons/js/buttons.html5.js"></script>
    <script type="text/javascript" src="${contextPath}/lib/DataTables-1.10.12/buttons/js/buttons.print.min.js"></script>
    <script type="text/javascript" src="${contextPath}/js/drgscommon/drgsDataTables.js"></script>
    <script type="text/javascript" src="${contextPath}/lib/DataTables-1.10.12/js/dataTables.fixedColumns.js"></script>

    <script type="text/javascript"  src="${contextPath}/js/drgsCommon.js"></script>
    <script src="${contextPath}/lib/koala-tree.js"></script>
    <script src="${contextPath}/lib/validate.js"></script>
    <script src="${contextPath}/lib/validateForm/validateForm.js"></script>
    <script src="${contextPath}/lib/pinyin.js"></script>
    <script src="${contextPath}/lib/scrollUp/jquery.scrollUp.min.js"></script>

    <!-- iCheck -->
    <script src="${contextPath}/lib/iCheck/icheck.min.js"></script>

    <!-- Echarts js -->
    <script type="text/javascript" src="${contextPath}/lib/echarts-3.3.2/echarts.js"></script>
    <script type="text/javascript" src="${contextPath}/lib/echarts-3.3.2/infographic.js"></script>
    <script type="text/javascript" src="${contextPath}/js/drgscommon/drgsEcharts.js"></script>


    <script  src="${contextPath}/lib/excelplugin/JsonExportExcel.min.js"></script>
    <!-- 搜索下拉框 -->
    <script type="text/javascript" src="${contextPath}/lib/jQuery-searchableSelect/jquery.searchableSelect.js"></script>
    <!-- 字符串加密解密 -->
    <script type="text/javascript" src="${contextPath}/js/base64.js"></script>
    <!-- tiptitle -->
    <script type="text/javascript" src="${contextPath}/lib/jQueryTip/justTools.js"></script>
    <script src="${contextPath}/lib/layer/layer.js"></script>
    <style>
        .form-wrapper{
            max-width: 800px;
            padding:20px 50px;
            margin:20px auto;
            border: 1px solid #ddd;
            box-shadow: 0 5px 20px rgba(0,0,0,.2);
            border-radius: 4px;
        }
        .form-wrapper .row{
            margin: 0;
        }
        .col-sm-2,.col-sm-4{
            padding-right: 0;
        }
        .fa-arrow-circle-up,.fa-arrow-circle-down,.fa-minus-square,.fa-plus-circle{
            font-size:20px;
            cursor: pointer;
            color:#bbb;
        }
        .fa-arrow-circle-down:hover,.fa-arrow-circle-up:hover,.fa-plus-circle:hover{
            color:#71d2d9;
        }
        .fa-minus-square:hover{
            color:#F87D7F;
        }
        .bg-blue{
            background-color: #71d2d9;
        }
        .list-group-item{
            background-color: #fff;
            height: 39px;
        }
        .list-group-item:hover .item-times{
            visibility: visible;
        }
        .form-wrapper .dropdown-menu{
            margin-left: 15px;
            max-height: 220px;
            overflow-y: scroll;
            overflow-x: hidden;
        }
        .form-wrapper .dropdown-menu::-webkit-scrollbar-track {background-color: #F5F5F5;}
        .form-wrapper .dropdown-menu::-webkit-scrollbar {width: 2px;background-color: #F5F5F5;}
        .form-wrapper .dropdown-menu::-webkit-scrollbar-thumb {background-color: #999;}
        .form-wrapper .dropdown-menu > li > a{
            margin: 0;
        }
        .form-wrapper .dropdown-menu li>a:focus {
            color: #262626;
            background-color: #cfe7f3;
        }
        .dataTables_wrapper.no-footer div.dataTables_scrollBody table,.table>thead:first-child>tr:first-child>th {
            font-size: 12px!important;
        }

        .ue-animation{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:.8s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.8s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.8s;-ms-animation-delay:.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;-o-animation-duration:.8s;-o-animation-delay:.2s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;animation-duration:.8s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both}
        .ue-shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}
        @-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);border:1px solid #aaa;}
            10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}
            20%,40%,60%,80%{-webkit-transform:translateX(10px);border:1px solid red;}
        }
        @-moz-keyframes shake{0%,100%{-moz-transform:translateX(0);border:1px solid #aaa;}
            10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}
            20%,40%,60%,80%{-moz-transform:translateX(10px);border:1px solid red;}
        }
        @-o-keyframes shake{0%,100%{-o-transform:translateX(0);border:1px solid #aaa;}
            10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}
            20%,40%,60%,80%{-o-transform:translateX(10px);border:1px solid red;}
        }
        @keyframes shake{0%,100%{transform:translateX(0);border:1px solid #aaa;}
            10%,30%,50%,70%,90%{transform:translateX(-10px)}
            20%,40%,60%,80%{transform:translateX(10px);border:1px solid red;}
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="form-wrapper">
        <h4><i class="fa fa-user fa-lg text-blue"></i>&nbsp;病例信息</h4>
        <div class="row form-horizontal">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">性别：</label>
                    <div class="col-sm-8">
                        <label><input type="radio" class="form-control gender" name="gender" value="男" checked="checked">&nbsp;男</label>&nbsp;&nbsp;&nbsp;&nbsp;
                        <label><input type="radio" class="form-control gender" name="gender" value="女">&nbsp;女</label>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="AGE" class="col-sm-4 control-label">年龄：</label>
                    <div class="col-sm-8">
                        <input type="number" class="form-control ue-animation" id="AGE" min="0" placeholder="岁" required="required">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">新生儿天数：</label>
                    <div class="col-sm-8">
                        <input type="number" class="form-control" id="SF0100" min="0" placeholder="天">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="AGE" class="col-sm-4 control-label">新生儿体重：</label>
                    <div class="col-sm-8">
                        <input type="number" class="form-control" id="SF0102" min="0" placeholder="克">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="AGE" class="col-sm-4 control-label">离院方式：</label>
                    <div class="col-sm-8">
                        <select class="form-control" id="SF0108">
                            <option value="1">医嘱离院</option>
                            <option value="2">医嘱转院</option>
                            <option value="3">医嘱转卫生服务机构或乡镇卫生院</option>
                            <option value="4">非医嘱离院</option>
                            <option value="5">死亡</option>
                            <option value="9">其他</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="row form-horizontal" id="diags">
            <!-- 主要诊断 -->
            <div class="diag main">
                <!--<div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-sm-4 control-label">主要诊断：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control ue-animation code" required="required" placeholder="请输入编码">
                        </div>
                    </div>
                </div>
                -->
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">主要诊断：</label>
                        <div class="col-sm-8 dropdown">
                            <ul class="dropdown-menu dropdown-menu-left diagOptions" role="menu"></ul>
                            <input type="text" class="form-control dropdown-toggle name" data-type="diag" data-toggle="dropdown" placeholder="请输入描述">
                        </div>
                        <div class="col-sm-2" style="padding: 5px 0 0 0;">
                            <small class="muted">注:编码和描述至少填一个</small>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 其他诊断 -->
            <div class="diag main">
                <!--
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-sm-4 control-label">其他诊断：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control code" placeholder="请输入编码">
                        </div>
                    </div>
                </div>
                -->
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">其他诊断：</label>
                        <div class="col-sm-8">
                            <ul class="dropdown-menu dropdown-menu-left diagOptions" role="menu"></ul>
                            <input type="text" class="form-control dropdown-toggle name" data-type="diag" data-toggle="dropdown" placeholder="请输入描述">
                        </div>
                        <div class="col-sm-2" style="padding: 5px 0 0 0;">
                            <i title="向上" class="fa fa-arrow-circle-up"></i>
                            <i title="向下" class="fa fa-arrow-circle-down"></i>
                            <i title="添加" class="fa fa-plus-circle" onclick="addFormRow('diag')"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row form-horizontal" id="opers">
            <!-- 手术/操作 -->
            <div class="oper main">
                <!--
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-sm-4 control-label">手术/操作：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control code" placeholder="请输入编码">
                        </div>
                    </div>
                </div>
                -->
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">手术/操作：</label>
                        <div class="col-sm-8">
                            <ul class="dropdown-menu dropdown-menu-left operOptions" role="menu"></ul>
                            <input type="text" class="form-control dropdown-toggle name" data-type="oper" data-toggle="dropdown" placeholder="请输入描述">
                        </div>
                        <div class="col-sm-2" style="padding: 5px 0 0 0;">
                            <i title="向上" class="fa fa-arrow-circle-up"></i>
                            <i title="向下" class="fa fa-arrow-circle-down"></i>
                            <i title="添加" class="fa fa-plus-circle" onclick="addFormRow('oper')"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row form-horizontal">
            <div class="col-sm-2 col-sm-offset-10">
                <button class="btn btn-primary" id="groupBtn" onclick="searchGroupResult()">查询分组结果</button>
            </div>
        </div>
    </div>

    <div class="form-wrapper">
        <h4><i class="fa fa-random fa-lg text-blue"></i>&nbsp;DRG分组结果</h4>
        <table class="table" id="resultTable"></table>
    </div>

</div>
<script src="${contextPath}/js/dataMonitor/groupResultSearch.js"></script>
</body>
</html>
